@charset "utf-8";
/*公共 样式*/
@font-face{
}
body,ul,li,div,p,h1,h2,h3,h4,h5,h6,ol,dl,dt,dd{margin: 0; padding: 0; font-weight: normal; font-size: 12px; color:#808080;}
a{text-decoration: none; color:#4d4d4d; -webkit-tap-highlight-color:none;tap-highlight-color:none;}
ul,li{ list-style-type: none;}
input{outline: none;}
button:focus{outline:none;}
img{max-width: 100%;}
body{-webkit-tap-highlight-color:rgba(0,0,0,0);}

.lh(@h,@lh){
    height:@h;
    line-height: @lh;
}
.backface{
    backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
}
.transform(@f:90deg){
    transform:rotate(@f);
    -ms-transform:rotate(@f);     /* IE 9 */
    -moz-transform:rotate(@f);    /* Firefox */
    -webkit-transform:rotate(@f); /* Safari 和 Chrome */
    -o-transform:rotate(@f);  
}
.border-radius (@radius: 3px) { 
  border-radius: @radius; 
  -moz-border-radius: @radius; 
  -webkit-border-radius: @radius; 
  -o-border-radius: @radius; 
  -ms-border-radius: @radius; 
 } 
 .bgcl(@c:#000){background-color: @c;}
 .box-sizing(@bdsz: border-box){
    box-sizing:@bdsz;
    -moz-box-sizing:@bdsz; /* Firefox */
    -webkit-box-sizing:@bdsz;
    o-border-radius: @bdsz; 
  -ms-border-radius: @bdsz; 
 
}

.calcW(@a:10px){
  width:94%;
  width:-moz-calc(100% - (@a) );
  width:-webkit-calc(100% - (@a) );
  width:-o-calc(100% - (@a) );
  width: calc(100% - (@a) );
}

.calcH(@a:50px){
  height:94%;
  height:-moz-calc(100% - (@a) );
  height:-webkit-calc(100% - (@a) );
  height:-o-calc(100% - (@a) );
  height: calc(100% - (@a) );
}
.box-shadow(@a:inset,@b:0,@c:0,@d:10px,@e:.1){
    -webkit-box-shadow:@a @b @c @d rgba(0,0,0,@e);  
    -moz-box-shadow:@a @b @c @d rgba(0,0,0,@e);
     -o-box-shadow:@a @b @c @d rgba(0,0,0,@e);  
    box-shadow:@a @b @c @d rgba(0,0,0,@e); 
}

.translateX(@cenX:-50%){
  -webkit-transform:translateX(@cenX);
  -moz-transform:translateX(@cenX);
  -ms-transform:translateX(@cenX);
  -o-transform:translateX(@cenX);
  transform:translateX(@cenX);
}
.translateY(@cenY:-50%){
  -webkit-transform:translateY(@cenY);
  -moz-transform:translateY(@cenY);
  -ms-transform:translateY(@cenY);
  -o-transform:translateY(@cenY);
  transform:translateY(@cenY);

}
.center(@a:-50%,@b:-50%){
    -webkit-transform:translate(@a,@b);
      -moz-transform:translate(@a,@b);
      -ms-transform:translate(@a,@b);
      -o-transform:translate(@a,@b);
      transform:translate(@a,@b);
}
.clear:after{content: ""; display:block; clear: both; zoom:1; height:0;}

/*公共样式*/
.header_bar{ background-color: #db70db !important; color:#fff ;
.mui-pull-left{color:#fff;}
h1{ color:#fff;}
a{color:#fff;}
}
.col_box_parent{ font-size: 0;}
.col_box_child{ font-size: 12px; display:inline-block; vertical-align: top;}

.personal_header{ background-color:#db70db;position: relative; padding-bottom: 62px;
    dl:first-child{border-right: 1px solid #af5a5f;}
  }
  .personal_img{ padding-left: 24px; padding: 8px 0 0 18px; text-align: center;
    img{width:60px; height:60px; .border-radius(50%);}
    p{color:#fff; margin-top: 8px;}
  }
  .personal_p{ margin-top: 12px;
    p{color:#fff; text-align: center;
    span{display:inline-block; padding:2px 8px; margin:0 10%;.border-radius(6px); background-color: #be60be;}
    }
  }
  .personal_msg{background-color: rgba(0,0,0,0.2); margin-top: 8px; position: absolute; width:100%; bottom:0;
    ul{font-size: 0; padding:10px 0;
    li{ display:inline-block; width:33.3%; box-sizing:border-box; font-size: 12px; text-align: center; height:24px; line-height: 24px; color:#fff;  text-align: center; border-right: 1px solid #fff;
  &:last-child{border:none;}
    }
    span{color:#fff;}
    }
  }
.my_btn{background:#E77996; border:none; color:#fff;}
.mui-poppicker-btn-ok{background-color:#DC82A2; border:none;}
.height100{ height: 100% !important;}
.bgfff{background-color: #fff !important;}
.btnpadding{padding:6px 0 !important;}
.addborder{border:1px solid #e6e6e6 !important;}
.clearmar_t{ margin-top: 0;}
.set_after{
  li{}
  a{
    &::after{color:#E77996 !important;}
  }
}

/*首页*/
img{max-width: 100%;}
.mui-bar-nav{    -webkit-box-shadow: 0 1px 2px #DB70DB;box-shadow: 0 1px 2px #DB70DB;}
.footer_bar{
  .mui-tab-item.mui-active{
    color:#db70db;
  }
}
.mui-btn-link:active{color:#fff;}
.mui-btn-blue:enabled:active{border:none;}
.left_position{display:inline-block; line-height: 44px; float:left; max-width: 78px;
  a{display:block; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; padding-right:28px; background:url(../images/position_down.png)no-repeat right center/20px; font-size: 1.2em; color:#fff;}
}
.right_msg{display:inline-block; width:40px;line-height: 14px; float:right;height: 100%;
  a{  display:block; text-align: center; height: 100%; line-height:60px;
    img{display:inline-block; width:60%;}
    &.new_msg{position: relative;
    &::before{width:8px; height:8px; .border-radius(50%); content:""; display:block; zoom:1; background-color: #ff3939; position:absolute; top: 10px; right: 6px;}
    }
  }
}
.mui-grid-view.mui-grid-9.index_list{ font-size: 0; padding:4px;
  .mui-table-view-cell{ padding:4px; font-size:0px; margin: 0; border:none;
a{padding:0; display:block; font-size:0px;
img{display:block;font-size:0px;}
}
  }
}
.marquee_box{height:38px; line-height: 38px; padding-left:34px; background:#fff url(../images/laba@2x.png)no-repeat 8px center/20px;
color:#FA8585;
}

.doctor_list{ margin-top: 8px;
  .mui-table-view-cell.mui-medi{z-index: 2;}
 .mui-media-object{
    height:68px;line-height: 68px; width: 68px; max-width: 68px;.border-radius(50%);
  }
  .mui-media-body{
    h1{line-height: 24px; font-size: 1.2em;}
    p{line-height: 20px; color:#999;}
  }
}

.puluo_popover_box{padding:0 8px;
.puluo_popover_content{background-color: #fff; .border-radius(13px); border-bottom-left-radius: 0;  -webkit-border-bottom-left-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0;  padding:15px;
h1{color: #4d4d4d;
    font-size: 1.6em;
    height: 28px;
    line-height: 28px;
    margin-bottom: 10px;
    text-align: center;
    padding-left: 18px;
    background: url(../images/consulta_ico.png) no-repeat 12% center / 28px;}
}
}

/*搜索*/
.mui-indexed-list-bar.active{background:none;}
.mui-indexed-list-bar{background:none;}
.mui-indexed-list-search input{background:#fff; width:70%; margin:0 auto; display:block;.border-radius(3px);}
.mui-indexed-list-search{ padding:8px 0;}
.mui-search .mui-placeholder{top: 8px;}
.mui-search.mui-active:before{left:16%;}
.mui-ios .mui-indexed-list-inner{ background-color: #fff;}
.mui-input-row.mui-search .mui-icon-clear{}
.location_city{ padding:0 55px 0 15px;
  h1{line-height: 36px; font-size: 1.4em; color: #808080;}
  p{
    span{display:inline-block; padding:8px 12px 8px 28px; .border-radius(3px); background:#f5f5f5 url(../images/position_ico.png)no-repeat 4px center/20px; font-size: 1.2em;}
  }
}
.mui-indexed-list-group{background-color:#fff; }
.mui-indexed-list-empty-alert, .mui-indexed-list-inner.empty .location_city, .mui-indexed-list-inner.empty .hot_city{display:none;}
.mui-table-view:before{height:0;}

.hot_city{padding:0 55px 0 15px; margin-top: 12px;font-size: 0; 
  h1{line-height: 36px; font-size:16px; color: #808080;}
    a{font-size: 12px; margin:1%; width:31.2%;}
    span{ padding:8px 0px;  .border-radius(3px); background:#f5f5f5;  display:block; text-align: center;}
  
}
.mui-table-view-divider:before{height:0;}
.my_float_right{ float:right;}
.add_padding{ padding-top: 12px;}

/*消息*/
.my_news{ background:none;
  li{ border:none; margin-bottom: 8px; background-color: #fff;
    &:after{height:0;}
    h1{line-height: 28px; font-size: 1.2em; color:#999;}
    p{ padding:6px 0; border-bottom: 1px solid #e6e6e6; }
    time{line-height: 32px; color:#999;}
  }
}

/*在线咨询*/
.mui-scroll-wrapper{background-color: #f5f5f5;}
.line_list{border-top:none !important; border-left: none !important;}
.agreement_box{ background-color: #fff;}
.content{ text-indent: 2em; line-height: 18px; padding:12px;}
  .readed{ margin-top: 24px; padding:0 18px;
    p{ padding-left: 30px; height:24px; line-height: 24px; background:url(../images/un_chick.png)no-repeat 12px center/16px;}
  }
  p.active{ background:url(../images/chick.png)no-repeat 12px center/16px;}
  .login_btn{margin: 12px 0; text-align:center; margin-top: 10%; padding:0 18px;
    a{ background-color:#e77996; color:#fff; font-size: 1.2em; padding:12px 18px; display:block; .border-radius(3px);}
    a.gray{ background-color: #999;}
}

#free_consultation{
  .mui-page-content{background-color:#fff;}
  .mui-scroll{ background-color: #fff;}
  .mui-content{ background-color: #fff;}
}

#form{
  .mui-table-view{
    li{ padding-top: 0; padding-bottom: 0;
      span{display:inline-block; line-height: 40px;}
      input{ display:inline-block; padding:0; width:70%;  margin:0; float:right; text-align: right; border:none; font-size: 12px;}
      a{display:inline-block; padding:0; width:20%; height:100%; line-height: 40px; float:right; position:static; margin:0; text-align: center;}
      &::after{
        clear:both; display:block; position:static;
      }
      &.forward_right{
        .mui-navigate-right:after{font-size: 1.6em; right:6px;}
      }
    }
  }
  .mui-scroll-wrapper,.mui-scroll{background-color: #fff;}
  .illness{padding:8px;
  h2{line-height: 32px; font-size: 1.4em;}
  }
}

.form{
  .mui-table-view{
    li{ padding-top: 0; padding-bottom: 0;
      span{display:inline-block; line-height: 40px;}
      input{ display:inline-block; padding:0; width:70%;  margin:0; float:right; text-align: right; border:none; font-size: 12px;}
      a{display:inline-block; padding:0; width:20%; height:100%; line-height: 40px; float:right; position:static; margin:0; text-align: center;}
      &::after{
        clear:both; display:block; position:static;
      }
      &.forward_right{
        .mui-navigate-right:after{font-size: 1.6em; right:6px;}
      }
    }
  }
  .mui-scroll-wrapper,.mui-scroll{background-color: #fff;}
  .illness{padding:8px;
  h2{line-height: 32px; font-size: 1.4em;}
  }
}

/*免费咨询对话*/
#free_dialogue{
  .mui-scroll{height:100%;}
}
  .kt_lxkf_dialog{ padding:8px; box-sizing:border-box;
            >h1{ height:24px; line-height: 24px; color:#999; text-align: center; 
                span{}
            }
            .kt_lxkf_dialog_her{ margin-top: 12px;
                &:after{content:""; clear:both; display:block; height:0;zoom:1;}
                .lxkf_dialog_img{width:20%; float:left;
                    img{max-width: 70%;.border-radius(50%);}
                }

                .lxkf_dialog_text{ width:60%; float:left; .border-radius(6px); background-color: #fff; padding:8px 12px; border:1px solid #d9d9d9; position:relative; margin-top: 6px;
                    i.before{ display:inline-block; position: absolute; left:-13px; top: 2px;
                        img{max-width: 50%;}
                    }
                    p{line-height: 18px;}
                }
            }
            .kt_lxkf_dialog_me{ margin-top: 24px;
                &:after{content:""; clear:both; display:block; height:0;zoom:1;}
                .lxkf_dialog_img{width:20%; float:right; text-align: right;
                    img{max-width: 70%;.border-radius(50%);}
                }

                .lxkf_dialog_text{ width:60%; float:right; .border-radius(6px); background-color: #ffd5e4; padding:8px 12px; border:1px solid #ffd5e4;  position: relative; margin-top: 6px;
                    i.before{ display:inline-block; position: absolute; right:-21px; top: 2px;
                        img{max-width: 50%;}
                    }
                    p{line-height: 18px;}
                }
            }
        }
  .dialog_input{ position:fixed; bottom:0; width:100%; background-color: #fff; padding:8px; box-sizing:border-box; text-align: center;
    span{display:inline-block;}
    .text_input{width:99%; border: 1px solid #d2d2d2; box-sizing:border-box;vertical-align: top;
        textarea{ width:100%; border:none; text-indent: 6px; background:none;margin:0; padding:6px 0; resize:none; outline:none;box-sizing:border-box; line-height: 18px;}
    }
    .more{ display:inline-block; .border-radius(3px); color:#fff; font-size: 1.2em; text-align: center; width:35px; height: 36px; background:url(../images/sound.png)no-repeat center center/26px; vertical-align: top;}
    .add_img{ display:inline-block;  width:38px; height:38px; overflow:hidden; position: relative;
      input{position:absolute; width:38px; height: 38px; left: 0; top: 0; opacity: 0.01;
      filter: alpha(opacity=1);}
    }
}
.score_box{ 
      .score_in_box{ margin:12px 6px;
          span{display:inline-block; width:22%; color:#999;
              img{ max-width: 100%;}
          }
          .score_star{ width:6%;}
          .score_name,.score{ transform:translateY(-18%); -webkit-transform:translateY(-18%); font-size: 1.2em;}
          .score{ font-size: 1.6em; -webkit-transform:translateY(-6%); }
      }
  }
.mui-popover.mui-popover-action.mui-popover-bottom{top: 50%;}
.mui-popover.mui-popover-action.mui-active {
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
  }
.mui-popover.mui-popover-action{ bottom:initial;}
.mui-popup{width:90%;}
.mui-popup-inner{background-color: rgba(255,255,255,1);
 h1{ color:#4d4d4d; font-size: 1em; height:28px; line-height: 28px; margin-bottom: 10px; text-align: center; padding-left: 18px; background:url(../images/consulta_ico.png)no-repeat  12% center/28px;}
}

@media (max-width:321px){
.mui-popup-inner{background-color: rgba(255,255,255,1);
 h1{  background:url(../images/consulta_ico.png)no-repeat  2% center/28px;}
 .score_name{display:block !important; width:100% !important ; box-sizing:border-box; text-align: left;}
}
}
.mui-btn-link.evaluate_btn{color:#fff;}
.mui-popup-buttons{
  span{color:#fff;}
  span:nth-child(1){background-color: #ccc;}
  span:nth-child(2){background-color: #ff6d6d;}
}

/*图文咨询医生列表*/
#picture_consulting{
  .mui-scroll-wrapper{background-color: #fff;}
  .mui-scroll{background-color: #fff !important;}
  .mui-segmented-control{border-color: #DB70DB;}
  .mui-control-item.mui-active{ background-color: #DB70DB;color:#fff;  }
  .mui-control-item{border-color: #DB70DB; color:#4d4d4d;}
  .mui-card .mui-control-content {
        padding: 10px;
      }
      .mui-control-content {
        height: 85%;
      }
      .mui-content{ height:100%; background-color: #fff;
      >div:nth-child(2){ height:100%;}
      }
      .mui-page-content{background-color: #fff;}
      .mui-media-object{width:68px; height:68px; max-width: 68px; line-height: 68px;.border-radius(50%);}
      .mui-media-body{ 
        >div{width:70%; float:left;
          h1{ font-size: 1.2em; margin-bottom: 8px; margin-top: 2px;}
          p{line-height: 18px; color:#999;}
        }
        >i{display:inline-block;width:60px; height:60px; float:right; background:url(../images/doc_li_right.png)no-repeat left top/60px; text-align: center; line-height: 90px; font-size: 2em; color:#F48FA9;}
      }
}
.my_search_bar{ text-align: center; font-size: 0; margin-top: 8px;
  .mui-search{ display:inline-block; width:60%; font-size: 12px;}
  >a{display:inline-block;margin-left: 6px; background-color: #DB70DB; border-color: #DB70DB;}
  .mui-placeholder{top: 0;}
  .mui-active:before{left: 5px; top: 24px;}
  .mui-input-clear{margin:0;}
  input[type="search"]{background-color:transparent; border:1px solid rgba(0,0,0,0.1);}
  .mui-placeholder{ text-align: left; text-indent:3px;}
  .mui-btn-primary:enabled:active{ border-color: #CA66CA; background-color: #CA66CA;}
}

.contact_us{ position:fixed; bottom: 8px; right:8px; width:60px; height:60px; line-height: 18px; padding-top: 10px; text-align: center; font-size: 1em; .border-radius(50%); background-color: rgba(165,202,51,0.8); z-index: 2;
  a{color:#fff; }
}

/*图文咨询医生信息*/
#doctor_info{ position: relative;top: -2px;
  .mui-view{background-color: #db70db;}
  .personal_header{ background-color:#db70db;position: relative; padding-bottom: 62px;
    dl:first-child{border-right: 1px solid #af5a5f;}
  }
  .personal_img{ padding-left: 24px; padding: 8px 0 0 18px; text-align: center;
    img{width:60px; height:60px; .border-radius(50%);}
    p{color:#fff; margin-top: 8px;}
  }
  .personal_p{ margin-top: 12px;
    p{color:#fff; text-align: center;
    span{display:inline-block; padding:2px 8px; margin:0 10%;.border-radius(6px); background-color: #be60be;}
    }
  }
  .personal_msg{background-color: rgba(0,0,0,0.2); margin-top: 8px; position: absolute; width:100%; bottom:0;
    ul{font-size: 0; padding:10px 0;
    li{ display:inline-block; width:33.3%; box-sizing:border-box; font-size: 12px; text-align: center; height:24px; line-height: 24px; color:#fff;  text-align: center; border-right: 1px solid #fff;
  &:last-child{border:none;}
    }
    span{color:#fff;}
    }
  }
.frequency{background-color: #fff; margin:6px 0;
  ul{padding:8px 0; font-size: 0;
  a{
    li{font-size: 14px; display:inline-block; width:50%; box-sizing:border-box; padding-left: 58px; background:url(../images/duihua2.png)no-repeat 12px center/32px;
    span{font-size: 0.8em; color: #999;}

    }
  }
  >a:first-child{ 
    li{border-right: 1px solid #e6e6e6;background:url(../images/duihua1.png)no-repeat 12px center/32px;}
  }
  }
}
.doc_detail{ background-color: #fff;
  >h1{ padding:0 16px;  border-bottom: 1px solid #e6e6e6;
  a{display:block;height: 38px; line-height: 38px; background:url(../images/for_right.png)no-repeat right center/10px;}
  }
  >p{ line-height: 18px; padding:8px;}
}
.anli{background-color: #fff; margin-top: 6px;
  p{padding:0 16px;  border-bottom: 1px solid #e6e6e6;
  a{display:block;height: 38px; line-height: 38px; background:url(../images/for_right.png)no-repeat right center/10px;}
}
@media screen and (max-width: 320px){
  &{margin-bottom: 48px;}
}
}
.i_action{background-color: #fff; padding:0px 8px; padding-right: 0; margin-top: 18px;line-height: 38px; position: fixed; width:100%; bottom:0; left:0; box-sizing:border-box;
  a{display:inline-block; float:right; height:38px; line-height: 38px; padding:0 12px; color:#fff; background-color: #e77996; border:none;.border-radius(0px);}
}
span.score_star{display:inline-block; width:18px;vertical-align:middle;}

}

/*图文咨询支付*/
#picture_consult_pay{ padding:0 8px;
.bck_box{background-color: #fff; padding-bottom: 12px;
  >h1{height:38px;line-height: 38px; font-size: 1.2em;text-align: center;}
  >p{height:24px; line-height: 24px; text-align: center;}
  >p:nth-of-type(2){color:#ec739e;}
>h6{ height:20px; line-height: 20px; text-align: center; color:#999;}
}
.bck_img{text-align: center;
  img{width:62px; height:62px; .border-radius(50%);position: relative; top: -24px; }
}
#dt_info_bar{-webkit-box-shadow:0 1px 6px #db70db;box-shadow:0 1px 6px #db70db;}
}


/*支付页-购买服务*/
.service_box{
     .margin{ margin-top: 6px;}
     .margin1{ margin-top: 1px;}
     .count{display:inline-block; float:right; color:#e77996; font-size: 1em;min-width: 48px; min-height: 18px; 

  big{}
 }
 .now_pay{ margin: 0 12px; margin-top: 10%;
  a{ background-color: #E77996; border-color: #E77996; color:#fff;}
 }
  }
  .screenshot_h{line-height: 32px; padding:0 8px;}
  .for_right{
    p{height:24px;line-height:24px;
      a{ display:block; font-size: 1.2em; color:#4d4d4d;background:url(../images/for_right.png)no-repeat right center/12px 16px;
      span{display:inline-block; padding-right: 16px; color:#999; float:right;}
      }
    }
  }
  .need_pay{ display:none;
    &.active{ display:block;}
  }
  .message_con{ padding:6px; background-color: #fff;
  >div{ padding-bottom: 8px; font-size: 1.2em;   color:#4d4d4d;}
  >div.no_border{ border:none;}
  .switch{background:url(../images/set.png)no-repeat right center/32px; font-size: 1em; transition: background 0.5s ease; -webkit-transition: background 0.5s ease; display:inline-block; float:right; padding-right: 42px; color:#999; min-width:48px; min-height: 18px;

  }

 .switch.active{ background:url(../images/set_active.png)no-repeat right center/32px;}
 }
.zffs{margin-top:10px; background-color: #fff;padding:0 10px;
                >p{color:#262626; border-bottom: 1px solid #f2f2f2; cursor:pointer; font-size: 1.2em; line-height:260%;background:url(../images/weixuan@2x.png)right center no-repeat; background-size: 22px;
                  span{color:#999;}
                &.active{background:url(../images/yixuan@2x.png)right center no-repeat;background-size: 22px;}
                }
            }
.pay_style{ height:36px; line-height: 36px; padding-left: 6px; font-size:1.2em; margin-top: 12px;}
.shopping{ margin-top: 8px !important;
                >li{ padding-left:36px;
                &:nth-child(1){background:url(../images/pay1.png)no-repeat 8px center/32px;}
                &:nth-child(2){background:url(../images/pay2.png)no-repeat 8px center/32px;}
                &:nth-child(3){background:url(../images/pay4.png)no-repeat 8px center/32px;}
                &.mui-selected{
                  .mui-navigate-right:after{ color:#A8CE5A;}
                }
                }
    a{ margin-left: 22px;}
    a:not(.mui-btn).mui-active{ background-color: transparent;}
 
}
.symptom_layer{ position:fixed;width:100%; height:100%; top: 0; left: 0; background-color: rgba(0,0,0,0.3); z-index: 1000; display:none;
    >div{ width:96%;margin:0 8px; background-color: #fff; .border-radius(3px); position:absolute; top: 50%;transform: translateY(-50%);
    -moz-webkit-transform: translateY(-50%);
    -ms-webkit-transform: translateY(-50%);
    -o-webkit-transform: translateY(-50%);
    webkit-transform: translateY(-50%);
      h1{ height:32px; line-height: 32px; text-align: center; font-size: 1.2em;}
      ul{}
      li{ height: 32px; line-height: 32px; border-top: 1px solid #e6e6e6; text-indent: 12px; }
      li.active{background:  url(../images/chick.png) no-repeat 96% center/12px;}
    }
    &.active{ display:block;}
  }

/*图文咨询表格*/
#img_servie_form{
  .mui-table-view{
    li{ padding-top: 0; padding-bottom: 0;
      span{display:inline-block; line-height: 40px;}
      input{ display:inline-block; padding:0; width:70%;  margin:0; float:right; text-align: right; border:none; font-size: 12px;}
      a{display:inline-block; padding:0; width:20%; height:100%; line-height: 40px; float:right; position:static; margin:0; text-align: center;}
      &::after{
        clear:both; display:block; position:static;
      }
      &.forward_right{
        .mui-navigate-right:after{font-size: 1.6em; right:6px;}
      }
    }
  }
  .mui-scroll-wrapper,.mui-scroll{background-color: #fff;}
  .illness{padding:8px;
  h2{line-height: 32px; font-size: 1.4em;}
  }
}

/*图文咨询选择图片*/
#img_free_dialogue{
  .imgs_li{
    li{padding:8px;
      h1{ color:#999; height:38px; line-height: 38px; font-size: 1.2em;
        time{}
      }
    }
  }
.this_img{ display:inline-block; position: relative; width:24.2%; text-align: center;
    img{} 
    span{display:none;position:absolute; height:26px; width:26px; color:#fff; top: 6px; right:2px; padding:0px 4px; .border-radius(4px);}
  }
  .this_img.active span{display:inline-block; }
.pass_btn{ padding:8px 0; position:absolute; bottom:0; width:100%; background-color: #e6e6e6;
  a{ background-color: #E77996; color:#fff;}
  a:nth-child(1){ margin-left: 8px; background-color: #ccc; background-color: #ccc; border-color: #ccc;}
  a:nth-child(2){margin-right: 8px; border-color: #E77996;}
}
}

/*图文咨询编辑图片*/
#edit_img{
   .the_edit_img{
    >img{ width:100%;}
  }
.action_img{ padding:8px;
  >h1{ height:36px; line-height: 36px;font-size: 1.2em;}
  >textarea{ outline:none; padding:6px; border:1px solid #e6e6e6; line-height: 18px; box-sizing:border-box; width:100%; min-height: 80px; resize:none;}
}
.pass_btn{
  a{color:#fff; font-size: 1.2em; background-color: #e77996; border:none;}
  a:nth-child(1){margin-left: 8px;}
  a:nth-child(2){margin-right: 8px;}
}
}

/*浏览报告*/
#browse_report{
.mui-table-view{
    li{ padding-top: 0; padding-bottom: 0;
      span{display:inline-block; line-height: 40px;}
      input{ display:inline-block; padding:0; width:70%;  margin:0; float:right; text-align: right; border:none; font-size: 12px;}
      a{display:inline-block; padding:0; width:20%; height:100%; line-height: 40px; float:right; position:static; margin:0; text-align: center;}
      &::after{
        clear:both; display:block; position:static;
      }
      &.forward_right{
        .mui-navigate-right:after{font-size: 1.6em; right:6px;}
      }
    }
  }
  .question_detail{ border:1px solid #e6e6e6 !important;} 
  .mui-scroll-wrapper,.mui-scroll{background-color: #fff;}
  .illness{padding:8px;
  h2{line-height: 32px; font-size: 1.4em;}
  } 
.screenshot{ padding:8px;
  h2{line-height: 28px; font-size: 1.2em;}

}
.send_report{ margin:0 8px;
  a{ background-color: #E77996; color:#fff; border:none;}
}
}

/*图文咨询对话框*/
#picture_consulting_dialog{
  .kt_lxkf_dialog{ padding:8px; box-sizing:border-box;
            >h1{ height:24px; line-height: 24px; color:#999; text-align: center; 
                span{}
            }
            .kt_lxkf_dialog_her{ margin-top: 12px;
                &:after{content:""; clear:both; display:block; height:0;zoom:1;}
                .lxkf_dialog_img{width:20%; float:left;
                    img{max-width: 70%;.border-radius(50%);}
                }

                .lxkf_dialog_text{ width:60%; float:left; .border-radius(6px); background-color: #fff; padding:8px 12px; border:1px solid #d9d9d9; position:relative; margin-top: 6px;
                    i.before{ display:inline-block; position: absolute; left:-13px; top: 2px;
                        img{max-width: 50%;}
                    }
                    p{line-height: 18px;}
                }
            }
            .kt_lxkf_dialog_me{ margin-top: 24px;
                &:after{content:""; clear:both; display:block; height:0;zoom:1;}
                .lxkf_dialog_img{width:20%; float:right; text-align: right;
                    img{max-width: 70%;.border-radius(50%);}
                }

                .lxkf_dialog_text{ width:60%; float:right; .border-radius(6px); background-color: #ffd5e4; padding:8px 12px; border:1px solid #ffd5e4;  position: relative; margin-top: 6px;
                    i.before{ display:inline-block; position: absolute; right:-21px; top: 2px;
                        img{max-width: 50%;}
                    }
                    p{line-height: 18px;}
                }
            }
        }
  .dialog_input{ position:fixed; bottom:0; width:100%; z-index: 2; background-color: #fff; padding:8px; padding-bottom: 0; box-sizing:border-box; text-align: center;
    span{display:inline-block;}
    .text_input{width:99%; border:none; box-sizing:border-box;vertical-align: top;
        textarea{ width:62%; display:inline-block;text-indent: 6px;   min-height:24px;background:none;margin:0; resize:none; outline:none;box-sizing:border-box; line-height: 18px; height: 100%; box-sizing:border-box; border:1px solid #e6e6e6 !important;}
    }
    .more{ display:inline-block; .border-radius(3px); color:#fff; font-size: 1.2em; text-align: center; width:35px; height: 36px; background:url(../images/sound.png)no-repeat center center/26px; vertical-align: top;}
    .add_img{ display:inline-block;  width:38px; height:38px; overflow:hidden; position: relative;
      input{position:absolute; width:38px; height: 38px; left: 0; top: 0; opacity: 0.01;
      filter: alpha(opacity=1);}
    }
    .sound_ico{display:inline-block; font-size: 2em; margin-right: 2px; vertical-align: top; margin-top: 4px;}
    .add_img_ico{ display:inline-block; font-size: 1.8em; margin-right: 2px; vertical-align: top; margin-top: 4px;
    &+textarea{ height: 33px;}
    }
    .img_dialog_send{ border:none; background-color: #F48FA9; color:#fff;}
}
.score_box{ 
      .score_in_box{ margin:12px 6px;
          span{display:inline-block; width:22%; color:#999;
              img{ max-width: 100%;}
          }
          .score_star{ width:6%;}
          .score_name,.score{ transform:translateY(-18%); -webkit-transform:translateY(-18%); font-size: 1.2em;}
          .score{ font-size: 1.6em; -webkit-transform:translateY(-6%); }
      }
  }
.mui-popover.mui-popover-action.mui-popover-bottom{top: 50%;}
.mui-popover.mui-popover-action.mui-active {
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
  }
.mui-popover.mui-popover-action{ bottom:initial;}
.mui-popup{width:90%;}
.mui-popup-inner{background-color: rgba(255,255,255,1);
 h1{ color:#4d4d4d; font-size: 1em; height:28px; line-height: 28px; margin-bottom: 10px; text-align: center; padding-left: 18px; background:url(../images/consulta_ico.png)no-repeat  12% center/28px;}
}

@media (max-width:321px){
.mui-popup-inner{background-color: rgba(255,255,255,1);
 h1{  background:url(../images/consulta_ico.png)no-repeat  2% center/28px;}
 .score_name{display:block !important; width:100% !important ; box-sizing:border-box; text-align: left;}
}
}
.mui-btn-link.evaluate_btn{color:#fff;}
.mui-popup-buttons{
  span{color:#fff;}
  span:nth-child(1){background-color: #ccc;}
  span:nth-child(2){background-color: #ff6d6d;}
}
}


/*预约门诊订单*/
#appointment_order{
  .order_content{ 
    >textarea{outline:none; background-color: #fff; padding:8px;line-height: 18px; margin:8px 0; border:none; resize:none; width:100%; box-sizing:border-box; min-height: 80px;}
    >label{display:block;padding: 0 6px; height:38px; line-height: 38px; background-color: #fff;
      &:first-of-type{border-bottom: 1px solid #e6e6e6;}
      input{border:none; height: 24px; line-height: 24px; color:#666; width:88%; margin:0; padding:0;font-size: 1em;}
    }
    >h1{margin-top: 12px; height:36px; line-height: 36px; padding-left: 6px;}
  }
  .select_time{ background-color: #fff;
    >h1{height:36px; line-height: 36px; text-align: center; font-size: 1.2em;border-bottom: 1px solid #e6e6e6;}
  }
  .day_time{ text-align: center; height:32px; line-height: 32px;
    input{display:inline-block; color:#999; width: 48%; border: none; background: none; margin: 0; padding: 0; font-size: 1em; line-height: 32px;}
    .day{}
    .time{}
  }
  .message_con{ padding:6px; background-color: #fff;
  >div{ padding-bottom: 8px; font-size: 1.2em;   color:#4d4d4d;}
  >div.no_border{ border:none;}
  .switch{background:url(../images/set.png)no-repeat right center/32px; font-size: 1em; transition: background 0.5s ease; -webkit-transition: background 0.5s ease; display:inline-block; float:right; padding-right: 42px; color:#999; min-width:48px; min-height: 18px;

  }

 .switch.active{ background:url(../images/set_active.png)no-repeat right center/32px;}
 }
  .you_time{background-color: #fff; height:32px; line-height: 32px; padding-left: 6px; margin-top: 6px;
    span{color:#999;}
    big{}
    small{}
  }
  .sum_pay{background-color: #fff; height:32px; line-height: 32px; padding-left: 6px;
    span{color:#e77996;}
    big{}
  }
.appointment_sure_box{ margin:0 8px; margin-top: 10%;
  a{background-color: #F48FA9; border:none; color:#fff;}
}
}
button[data-id="btn-ok"]{background-color: #F48FA9; border:none;}
.mui-switch .mui-switch-handle{width:20px; height: 20px;}
.mui-switch.mui-active:before{ left: 5px;}
.mui-switch{ display:inline-block; float:right; height: 22px; width:60px;}
.mui-switch:before{ top: 0; left:26px;}
.mui-switch.mui-active .mui-switch-handle{left:0px;}
.mui-switch.mui-active:before{ top: 0;}
.mui-switch.mui-active .mui-switch-handle{    -webkit-transform: translate(34px,0);
    transform: translate(34px,0);}

/*预约门诊支付弹出框*/
#appointment_pay{ padding:0 8px;
.bck_box{background-color: #fff; padding-bottom: 12px;
  >h1{height:38px;line-height: 38px; font-size: 1.2em;text-align: center;}
  >p{height:24px; line-height: 24px; text-align: center;}
  >p:nth-of-type(2){color:#ec739e;}
>h6{ height:20px; line-height: 20px; text-align: center; color:#999;}
}
.bck_img{text-align: center;
  img{width:62px; height:62px; .border-radius(50%);position: relative; top: -24px; }
}
#dt_info_bar{-webkit-box-shadow:0 1px 6px #db70db;box-shadow:0 1px 6px #db70db;}

}

/*图文咨询医生详细信息*/
#doctor_info_detail{
  .personal_header{ background-color:#db70db;position: relative; padding-bottom: 62px;
    dl:first-child{border-right: 1px solid #af5a5f;}
  }
  .personal_img{ padding-left: 24px; padding: 8px 0 0 18px; text-align: center;
    img{width:60px; height:60px; .border-radius(50%);}
    p{color:#fff; margin-top: 8px;}
  }
  .personal_p{ margin-top: 12px;
    p{color:#fff; text-align: center;
    span{display:inline-block; padding:2px 8px; margin:0 10%;.border-radius(6px); background-color: #be60be;}
    }
  }
  .personal_msg{background-color: rgba(0,0,0,0.2); margin-top: 8px; position: absolute; width:100%; bottom:0;
    ul{font-size: 0; padding:10px 0;
    li{ display:inline-block; width:33.3%; box-sizing:border-box; font-size: 12px; text-align: center; height:24px; line-height: 24px; color:#fff;  text-align: center; border-right: 1px solid #fff;
  &:last-child{border:none;}
    }
    span{color:#fff;}
    }
  }
.doc_detail{ background-color: #fff; margin-top: 6px;
  >h1{ padding:0 8px;  border-bottom: 1px solid #e6e6e6; font-size: 1.2em;
  a{display:block;height: 38px; line-height: 38px;  color:#999;}
  }
  >p{ line-height: 18px; padding:8px;}
}
}

/*图文咨询过往案例*/
#case_list{background-color: #f5f5f5;
  .ul_list{ padding:2% 0;}
  .list{ background-color: #fff; padding:8px; border-bottom: 1px solid #e6e6e6;}
  .title_h1{ height:32px; line-height: 32px;
    span{ display:inline-block; width:40px; float:left; font-size: 1.6em;}
    h1{ width:86%; float:left; font-size: 1.2em; background-color: #f5f5f5; text-indent: 0.5em; line-height: 32px;}
  }
  .doctor_name{ margin-top: 18px; padding-bottom: 18px;}
  .doctor_name_left{ width:38px; height:38px;float:left;
    img{width:100%; height:100%;.border-radius(50%);}
    p{color:#999; font-size: 1em;}
  }
  .doctor_name_right{width:82%; float:left; margin-left: 12px;
  p{}
  p:nth-child(1){font-size: 1.6em;}
  p:nth-child(2){ line-height: 18px; background-color: #fffeeb; margin-top: 12px; padding:8px 0;}
  }
}

/*预约门诊*/
#appointment_doctor_list{ background-color: #fff;
  .mui-media-object{width:68px; height:68px; max-width: 68px; line-height: 68px;.border-radius(50%);}
      .mui-media-body{ 
        >div{width:70%; float:left;
          h1{ font-size: 1.2em; margin-bottom: 8px; margin-top: 2px;}
          p{line-height: 18px; color:#999;}
        }
        >i{display:inline-block;width:60px; height:60px; float:right; background:url(../images/doc_li_right.png)no-repeat left top/60px; text-align: center; line-height: 90px; font-size: 2em; color:#F48FA9;}
      }
>div{
  &.mui-page-content{background-color: #fff;}
  >div{
    &.mui-scroll-wrapper{background-color: #fff;}
    .mui-scroll{background-color: #fff;
    >.mui-page-content{background-color: #fff;}
    }
    >div.mui-scroll{height: 100%;}
  }
}
.doc_first_list{ height: 100%; background-color: #fff;
  >div:nth-of-type(2){height:100%;
  >.mui-control-content:first-child{height: 90%;}
  }
}
}
#segmentedControl{border-color: #db70db;background-color: #fff;
  >a{color:#808080; border-bottom: 1px solid #e6e6e6;}
  >a.mui-active{background-color: #db70db; color:#fff; border-color: #db70db;}
}

.doctor_list_ul{
  .mui-media-object{width:68px; height:68px; max-width: 68px; line-height: 68px;.border-radius(50%);}
      .mui-media-body{ 
        >div{width:70%; float:left;
          h1{ font-size: 1.2em; margin-bottom: 8px; margin-top: 2px;}
          p{line-height: 18px; color:#999;}
        }
        >i{display:inline-block;width:60px; height:60px; float:right; background:url(../images/doc_li_right.png)no-repeat left top/60px; text-align: center; line-height: 90px; font-size: 2em; color:#F48FA9;}
      }
}

/*医生列表*/
#doctor_list{ background-color: #fff;
>div{
  &.mui-page-content{background-color: #fff;}
  >div{
    &.mui-scroll-wrapper{background-color: #fff;}
    .mui-scroll{background-color: #fff;
    >.mui-page-content{background-color: #fff;}
    }
    >div.mui-scroll{height: 100%;}
  }
}
.doc_first_list{ height: 100%; background-color: #fff;
  >div:nth-of-type(2){height:100%;
  >.mui-control-content:first-child{height: 90%;}
  }
}
}

/*云病历*/
#coud{
  .coud_list{ border-left: none; border-right: none;
    li{
      >a{
        >span{ width:30%;}
       .mui-media-body{}
      }
      &:nth-child(even){border-right: none;}
      &.mui-active{background-color: #f5f5f5;}
    }
  }
.mui-page-content{ background-color: #fff;
>.mui-scroll-wrapper{ background-color: #fff;
>.mui-scroll{background-color: #fff;
>.mui-table-view{background-color: #fff;}
}
}
}
}

/*云病历免费咨询记录*/
.free_advice_list{background-color: transparent;
  li{padding-bottom: 0; padding-top: 0; border:0; background-color:#fff; margin-bottom: 8px;  
    >.mui-badge{ top: 8%; transform:none; -webkit-transform:none;.border-radius(3px);}
    >div{display:inline-block; vertical-align: top;
  &:first-of-type{ text-align: center; padding-top: 1%;
    img{width:49px; height: 49px; .border-radius(50%);}
  }
    }
    h1{font-size: 1.2em; line-height: 32px;}
    >p{color:#999;
      time{}
      span{}
    }
    &:after{height: 0;}
  }
}

/*云病历图文咨询记录*/
.free_advice_list{background-color: transparent;
  li{padding-bottom: 0; padding-top: 0; border:0; background-color:#fff; margin-bottom: 8px;  
    >.mui-badge{ top: 8%; transform:none; -webkit-transform:none;.border-radius(3px);}
    >div{display:inline-block; vertical-align: top;
  &:first-of-type{ text-align: center; padding-top: 1%;
    img{width:49px; height: 49px; .border-radius(50%);}
  }
    }
    h1{font-size: 1.2em; line-height: 32px;}
    p{color:#999;
      time{}
      span{}
    }
    &:after{height: 0;}
  }
}

/*云病历预约门诊记录*/
.appointment_record_list{background-color: transparent;
  li{padding-bottom: 0; padding-top: 0; border:0; background-color:#fff; margin-bottom: 8px;  
    >.mui-badge{ top: 8%; transform:none; -webkit-transform:none;.border-radius(3px);}
    >div{display:inline-block; vertical-align: top;
  &:first-of-type{ text-align: center; padding-top: 1%;
    img{width:49px; height: 49px; .border-radius(50%);}
        }
    }
    h1{font-size: 1.2em; line-height:24px;}
    p{color:#999;
      time{}
      span{color:#999;}
      &:first-of-type{
        span{color:#EC73AA;}
      }
    }
    &:after{height: 0;}
  }
}

/*云病历我的病情*/
#cloud_my_dt_record{
  .mui-table-view{
    li{ padding-top: 0; padding-bottom: 0;
      span{display:inline-block; line-height: 40px;}
      input{ display:inline-block; padding:0; width:70%;  margin:0; float:right; text-align: right; border:none; font-size: 12px;}
      a{display:inline-block; padding:0; width:20%; height:100%; line-height: 40px; float:right; position:static; margin:0; text-align: center;}
      &::after{
        clear:both; display:block; position:static;
      }
      &.forward_right{
        .mui-navigate-right:after{font-size: 1.6em; right:6px;}
      }
      &.mui-active{ background-color: transparent;}
    }
  }
  .question_detail{ border:1px solid #e6e6e6 !important;} 
  .mui-scroll-wrapper,.mui-scroll{background-color: #fff;}
  .illness{padding:8px;
  h2{line-height: 32px; font-size: 1.4em;}
  } 
.screenshot{ padding:8px;
  h2{line-height: 28px; font-size: 1.2em;}

}
}

/*云病历云相册*/
#cloud_img_record{
  .imgs_li{
    li{padding:8px;
      h1{ color:#999; height:38px; line-height: 38px; font-size: 1.2em;
        time{}
      }
    }
  }
  .this_img{ display:inline-block; position: relative; width:24.2%; text-align: center;
    img{} 
    span{display:none;position:absolute; height:20px; line-height: 20px; color:#fff; bottom: 6px; right:2px; padding:0px 4px; background-color: #ff6d6d;.border-radius(4px);}
  }
  .this_img.active span{display:inline-block; }
}

/*云病历查看相册*/
#cloud_img_detail{
   .the_edit_img{ background-color: #fff;
    >img{ width:100%;}
  }
.action_img{ padding:8px;
  >h1{ height:36px; line-height: 36px;font-size: 1.2em;}
  >textarea{ outline:none; padding:6px; border:1px solid #e6e6e6; line-height: 18px; box-sizing:border-box; width:100%; min-height: 80px; resize:none;}
}
.pass_btn{ margin-top: 0;
  a{ background-color: #e77996; border:none; color:#fff;}
}
}
.mui-bar .mui-btn-link.preservate{ color:#fff;}

/*实验室资料*/
#cloud_laboratory_data{
  .expect{ text-align: center; margin-top: 40%; font-size: 1.2em; color:#999;}
}

/*设备连接*/
#device_connect{
 .message_con{
  >div{padding:0; }
 } 
 dl{ background-color: #fff; margin-bottom: 8px;
  dt{ padding-bottom: 6px; border-bottom: 1px solid #e6e6e6;
    h1{line-height: 32px; padding:0 6px; font-size: 1.2em;}
  }
  dd{padding:6px;}
  .device_id_ip{ display:inline-block; width:80%; height: 32px; line-height: 32px; margin:0; padding:0; text-indent: 2px;}
 }
  .mui-btn{ background-color: #e77996; color: #fff; border:none;}
  .sear_device_btn{position: fixed; bottom:0; margin:0; .border-radius(0);}
}

/*医疗设备服务*/
#device_service{
  .the_edit_img{ background-color: #fff;
    >img{ width:100%;}
  }
.action_img{ padding:8px;
  >h1{ height:36px; line-height: 36px;font-size: 1.2em;}
  >textarea{ outline:none; padding:6px; border:1px solid #e6e6e6; line-height: 18px; box-sizing:border-box; width:100%; min-height: 80px; resize:none;}
}
.pass_btn{ margin-top: 0;
  a{ background-color: #e77996; border:none; color:#fff;}
}
}

/*名医义诊列表*/
#clinic{background-color: #fff;
  .mui-media-object{width:68px; height:68px; max-width: 68px; line-height: 68px;.border-radius(50%);}
      .mui-media-body{ 
        >div{width:70%; float:left;
          h1{ font-size: 1.2em; margin-bottom: 8px; margin-top: 2px;}
          p{line-height: 18px; color:#999;}
        }
      }
>div{
  &.mui-page-content{background-color: #fff;}
  >div{
    &.mui-scroll-wrapper{background-color: #fff;}
    .mui-scroll{background-color: #fff;
    >.mui-page-content{background-color: #fff;}
    }
    >div.mui-scroll{height: 100%;}
  }
}
.doc_first_list{ height: 100%; background-color: #fff;
  >div:nth-of-type(2){height:100%;
  >.mui-control-content:first-child{height: 80%;}
  }
}
  li{padding-bottom: 0; padding-top: 0; border:0; background-color:#fff; margin-bottom: 8px; z-index: 1;
  >a{ padding:0; margin:0; position:absolute; top: 0; left:0; width:100%; height:100%; z-index: 2;
    &.mui-active{ background-color: rgba(0,0,0,0.06)}
   } 
    >.mui-badge{ top: 8%; transform:none; -webkit-transform:none;.border-radius(3px);}
    >div{display:inline-block; vertical-align: top;
  &:first-of-type{ text-align: center; padding-top: 1%;
    img{width:49px; height: 49px; .border-radius(50%);}
  }
    }
    h1{font-size: 1.2em; line-height: 32px;}
    p{color:#999; line-height: 20px;
      span{ color:#f48fa9;}
    }
    &:after{height: 0;}
  }

}

/*名医义诊医生信息*/
#clinic_doctor_info{ position: relative;top: -2px;
  .mui-scroll{background-color:transparent; z-index: 1;}
  .mui-view{background-color: #db70db;}
  .personal_header{ background-color:#db70db;position: relative; padding-bottom: 62px;
    dl:first-child{border-right: 1px solid #af5a5f;}
  }
  .personal_img{ padding-left: 24px; padding: 8px 0 0 18px; text-align: center;
    img{width:60px; height:60px; .border-radius(50%);}
    p{color:#fff; margin-top: 8px;}
  }
  .personal_p{ margin-top: 12px;
    p{color:#fff; text-align: center;
    span{display:inline-block; padding:2px 8px; margin:0 10%;.border-radius(6px); background-color: #be60be;}
    }
  }
  .personal_msg{background-color: rgba(0,0,0,0.2); margin-top: 8px; position: absolute; width:100%; bottom:0;
    ul{font-size: 0; padding:10px 0;
    li{ display:inline-block; width:33.3%; box-sizing:border-box; font-size: 12px; text-align: center; height:24px; line-height: 24px; color:#fff;  text-align: center; border-right: 1px solid #fff;
  &:last-child{border:none;}
    }
    span{color:#fff;}
    }
  }
.frequency{background-color: #fff; margin:6px 0;
  ul{padding:8px 0; font-size: 0;
  a{
    li{font-size: 14px; display:inline-block; width:50%; box-sizing:border-box; padding-left: 58px; background:url(../images/duihua2.png)no-repeat 12px center/32px;
    span{font-size: 0.8em; color: #999;}
    }
  }
  >a:first-child{ 
    li{border-right: 1px solid #e6e6e6;background:url(../images/duihua1.png)no-repeat 12px center/32px;}
  }
  }
}
.doc_detail{ background-color: #fff;
  >h1{ padding:0 16px;  border-bottom: 1px solid #e6e6e6;
  a{display:block;height: 38px; line-height: 38px; background:url(../images/for_right.png)no-repeat right center/10px;}
  }
  >p{ line-height: 18px; padding:8px;}
}
.anli{background-color: #fff; margin-top: 6px;
  p{padding:0 16px;  border-bottom: 1px solid #e6e6e6;
  a{display:block;height: 38px; line-height: 38px; background:url(../images/for_right.png)no-repeat right center/10px;}
}
@media screen and (max-width: 320px){
  &{margin-bottom: 48px;}
}
}
.i_action{background-color: #fff; padding:0px 8px; padding-right: 0; margin-top: 18px;line-height: 38px; position: fixed; width:100%; bottom:0; left:0; box-sizing:border-box; z-index: 2;
  a{display:inline-block; float:right; height:38px; line-height: 38px; padding:0 12px; color:#fff; background-color: #e77996; border:none;.border-radius(0px);}
}
span.score_star{display:inline-block; width:18px;vertical-align:middle;}

}

/*发现圈子*/
#tab-webview-subpage-circle{
#segmentedControl>a.mui-active{background-color: transparent; color:#808080;}
.content_box{ height: 100%;}
.mui-content{ height: 100%;}
.mui-control-content:first-of-type{ height:100%;}
}

.mui-slider-indicator .mui-active.mui-indicator{background-color: #007aff; border:none;-webkit-box-shadow: 0 0 1px 1px rgba(0,122,255,1);
    box-shadow: 0 0 1px 1px rgba(0,122,255,1);}

/*登录*/
.mui-bar .mui-btn-link{color:#fff;}
.login_content{background-color: #fff; padding-left: 10%; padding-right: 10%; padding-top: 12px;
.mui-input-row{
  &::after{ height:0;}
}
.mui-input-group{
  &::after{height:0;}
  &::before{height:0;}
}
.mui-input-group label{padding:6px 0; width:auto; font-size: 24px; width:32px;}
.mui-input-row label~input{float:left;}
.mui-input-group .mui-input-row{ border:1px solid #ccc; margin-bottom: 10px;.border-radius(2px);}
.mui-btn-block{padding:6px 0;}
}
.login_logo{padding:16% 0; text-align: center;}

.porget_psd{ text-align: right;
  a{color:#89b4e7;}
}

.use_third_login{position:relative; border-top: 1px solid #ccc; height:28px; margin:0 10%;
  span{color:#666; font-size: 14px;display:inline-block; padding:6px 12px; background-color: #fff; position:absolute; .center();}
}

.login_submit_btn{ margin-left: 0; margin-right: 0;
  button{background-color: #e77996; border:none; color:#fff;}
  .mui-btn-primary:enabled:active{background-color: #e77996; border:none;}
}

/*注册*/
 .send_pasmit {border:none !important;
  input{border:1px solid #ccc;width: 55%;background: none; }
  a{ display:inline-block; text-align: center; height: 40px; line-height: 40px;background-color: #e77996; color:#fff; margin-left: 8px; padding:0 12px;.border-radius(3px);}
 }
.readed_regist{ margin-top: 0;
  span.read{ display:inline-block; text-indent: 2em; background:url(../images/auto_login.png)no-repeat left center/20px;
  a{ color:#7e2f8e;}
  }
  span.active{background:url(../images/auto_login_active.png)no-repeat left center/20px;}
  >a{ float:right; color:#89b4e7; font-size: 1.2em;}
}
.to_login_box{text-align: center;}
.reg_scroll_wrap,.reg_scr{background-color: #fff;}
.regist_service_wrap,.regist_service_sroll{background-color: #efefef;}
.user_acce{height:28px; line-height: 28px;}


/*找回密码*/
.find_psd{padding-left:12px; padding-right:12px;}

// 完善资料
.form_detail_box{ background-color: #f5f5f5 !important;
.mui-card{border:none;}
.mui-scroll{background-color: #f5f5f5 !important;}
.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{font-size: 22px;}
.mui-navigate-right:after, .mui-push-right:after{font-size: 20px; right:6px;}
}
.form_detail_head{ line-height: 32px; font-size: 14px;}
.sex_select{font-size: 16px; float:right;
  >input{width:auto !important; position:inherit !important; float:none !important; margin-right: 12px;}
}

.layer_head{height: 32px; line-height: 32px; background-color: #f7f7f7; position: relative; top: 10px; margin:0 8px; .border-radius(3px); border-bottom: 1px solid #c8c7cc; z-index: 3;}

.email_input_box{background-color: #fff;
.mui-content-padded,.mui-content,.email_input_sroll{background-color: #fff;}
}
.save_addr{ display:block; width:100%; border:none; background-color: #e77996; line-height: 32px; color:#fff;}
.addleng{width:76% !important; text-align: right !important; padding-right:8px !important; text-overflow:ellipsis; white-space: nowrap; overflow:hidden;}


/*发现圈子*/
.circle_list_box{background-color: #f5f5f5;
  ul{ background-color: transparent;}
  li{ margin-top: 8px; background-color: #fff;
    >a{ border-bottom: 1px solid #c8c7cc; margin:0 !important; padding:11px 0 !important;
      &.mui-active{background-color: rgba(255,255,255,0) !important;}
    }
    h6{font-size: 14px; line-height: 20px; font-weight: bold;}
    p{}
  }
 .mui-table-view-cell:after{ height:0;}
}
.list_bottom_ico{ clear:both; margin-top: 12px;
time{ display:inline-block; text-align: center;}
span{display:inline-block; text-align: center;}
a{display:inline-block;}
}
.the_good{font-size: 0;
a{ border:none; padding:0; display:inline-block; box-sizing:border-box; vertical-align:top; padding-left:28px; padding-right: 6px; height:100%; font-size: 12px;}

}
.xingxing{background:url(../images/list_img_1.png)no-repeat left center/22px; text-indent: -9999px;}
.good{background:url(../images/list_img_2.png)no-repeat left center/22px; }
.message{background:url(../images/list_img_3.png)no-repeat left center/22px; }

.top_rig_btn{ font-size: 24px; margin-top: 5px; margin-left: 8px;
color:#fff;
}
.top_rig_btn_1{}
.top_rig_btn_2{ font-size: 26px;}

.detail_content_box{ background-color: #fff; padding:12px;margin-top:12px; margin-bottom: 42px;
  h1{font-size: 14px; font-weight: bold; color:#333; line-height: 36px;}
}
.p_title{
  span{display:inline-block; margin-right: 12px;}
  time{display:inline-block;}
}
.detail_content{ margin-top: 8px; border-top: 1px solid #e6e6e6; padding:8px 0;
  p{ line-height: 18px;}
}
.small_content_box{
  h3{background-color: #fff9e9; font-size: 18px; line-height: 42px;}
}
.small_content{padding:8px 0;
  p{}
}

.content_detail_bottom{ position:fixed; bottom: 0; width:100%; z-index: 2; font-size: 0; background-color: #f5f5f5;  padding:10px; box-sizing:border-box;
  div{display:inline-block; font-size:12px; box-sizing:border-box;
input{margin:0;}
  }
  span{display:inline-block; padding-left: 28px; margin-left:6px; vertical-align: middle;}
.send_btn{display:block; margin-top: 8px; display:none;
  a{display:inline-block; .border-radius(3px); border:1px solid #e6e6e6; padding:2px 18px; background-color: #fff;}
  &.active{display:block;}
}
}

.comment_list{
  img{.border-radius(50%);}
  h6{ line-height: 20px; 
    span{ font-weight: bold; color:#333; display:inline-block; margin-right: 8px;}
    time{display:inline-block; }
  }
}
.right_comment_good{ text-align: center;}
.comment_good{ padding-left: 28px; display:inline-block;}
.publish_input{ margin-top: 12px;
input,textarea{border:none; .border-radius(0px);}
}


/*个人中心*/
.personal_center_header{
  .personal_msg{
    li{border:none; height: auto;
  h5{color:#fff;}
  p{color:#fff;}
  }
  }
}
.personal_center_list{
  ul{ margin-bottom: 8px;
    &::after{}
  }
  li{
    span{ display:inline-block; width:28px;
      &::before{font-size: 20px;}
    }
  }
}
.personal_center_list_1{ 
  li{
    &:nth-child(1){
      span{color:#e7c65f;}
    }
    &:nth-child(2){
      span{color:#cd7fcd;}
    }
    &:nth-child(3){
      span{color:#a8ce5a;}
    }
    &:nth-child(4){
      span{color:#79b4ea;}
    }

  }
}
.personal_center_list_2{
 li{
    &:nth-child(1){
      span{color:#79b4ea;}
    }
    &:nth-child(2){
      span{color:#d6899d;}
    }
    &:nth-child(3){
      span{color:#78c470;}
    }
    &:nth-child(4){
      span{color:#333;}
    }

  }
}
.personal_center_list_3{
  li{
    &:nth-child(1){
      span{color:#b9d878;}
    }
    &:nth-child(2){
      span{color:#333;}
    }
    &:nth-child(3){
      span{color:#333;}
    }
    &:nth-child(4){
      span{color:#333;}
    }

  }
}

/*个人资料*/
.head_tab_view{
  li{  padding-top: 8px !important; padding-bottom: 8px !important;
    a{ float:none !important; display:block !important; width:auto !important; text-align: left !important;}
  }
.head{ padding-right: 12px;
img{.border-radius(50%); }
}
}

.sel_a_cls{
  li{
    a{ width:71% !important; display:block; box-sizing:border-box; padding-right: 5% !important;
      input{width:100% !important; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
    }
  }
}

/*个人中心-我的病情*/
.device_img_h{padding:0 12px; 
a{float:right;}
}

/*我的服务*/
.my_service_box{
.mui-segmented-control{background-color: #fff; padding-top: 6px;
  a{}
}
}
.my_service_tab{
  .mui-control-item.mui-active{ color:#DB70DB !important; border-bottom-color: #DB70DB !important;}
}

.my_service_list{
  li{
    span{font-size: 16px; display:inline-block; width:22px;}
  }
}

/*我的收藏*/
.my_ariticle{
  .mui-table-view .mui-media-object{width:72px; height:72px; max-width: 72px;}
}

.bound_phone_h{ line-height: 28px;}

.pay_style_ico{
  li{
    a{
      span{ font-size: 24px; width:36px;
        &::before{margin-top: 4px;  }
      }
    }
    &:nth-child(1){
      a{
        span{color:#65c3ea; font-size: 32px;}
      }
    }
    &:nth-child(2){
      a{
        span{color:#77e19a;}
      }
    }
    &:nth-child(3){
      a{
        span{color:#e6b0d0;}
      }
    }
  }
  h6{display:inline-block; vertical-align: center; font-size: 14px;}
  p{display:inline-block; vertical-align: center; color:#ccc;}
}

/*我的帖子*/
.community_list{
  ul{
    a{border:none;}
  }
  .mui-pull-left{ text-align: left;
  time{text-align: left;}
  }
}

/*反馈意见*/
.bring_up_opinion{
  h2{}
}

/*问诊卷*/
.inquiry_count{ margin:8px 0;  background-color: #fff;
  p{
    span{ display:inline-block; margin-left: 20%;}
  }
}











































































